{{if userInfo}}
<div class="my-box">
    <div class="my-info ui-v-a">
        <div class="my-avatar">
            <img src="{{userInfo.avatar}}">
        </div>
        <div class="my-nickname">
            {{userInfo.nickname}}
        </div>
        <!--<div class="ui-more"></div>-->
    </div>
    <div class="my-tab ui-c-f">
        <div class="my-tab-box" i-tap="goto(#/orderList/0)">
            <div class="my-tab-title">待付款</div>
            <div class="my-tab-number">2</div>
        </div>
        <div class="my-tab-box">
            <div class="my-tab-title">待发货</div>
            <div class="my-tab-number">3</div>
        </div>
        <div class="my-tab-box" i-tap="goto(#/orderList/30)">
            <div class="my-tab-title">已发货</div>
            <div class="my-tab-number">27</div>
        </div>
        <div class="my-tab-box" i-tap="goto(#/orderList/-1)">
            <div class="my-tab-title">已取消</div>
            <div class="my-tab-number">297</div>
        </div>
    </div>
</div>
{{else}}
<div class="my-box">
    <div class="my-info ui-v-a" i-tap="login">
        <div class="my-avatar">
            <img src="http://img.meizhanggui.cc/resources/def_avatar.png">
        </div>
        <div class="my-nickname">
            登录
        </div>
        <div class="ui-more"></div>
    </div>
</div>
{{/if}}

<div class="ui-box">
    <div class="ui-bar ui-v-a" i-tap="checkAndGoto(#/orderList)">
        全部订单
        <div class="ui-more"></div>
    </div>
    <div class="ui-bar ui-v-a" i-tap="checkAndGoto(#/viewCoupon)">
        我的优惠券
        <div class="ui-more"></div>
    </div>

    <div class="ui-bar ui-v-a" i-tap="checkAndGoto(#/cart)">
        购物车
        <div class="ui-more"></div>
    </div>
</div>


<div class="ui-page-holder"></div>
<footer class="ui-v-a ui-tri">
    <a class="ui-tab" href="#/home/">
        <span class="fic fic-home"></span>

        <p>首页</p>
    </a>
    <a class="ui-tab" href="#/category">
        <span class="fic fic-cate"></span>

        <p>分类</p>
    </a>

    <div class="ui-tab">
        <span class="fic fic-me"></span>

        <p>我的</p>
    </div>
</footer>

<style>
    .my-box {
        background: #f5f1ec;
        border-bottom: solid 1px #d2bfa4;
    }

    .my-info {
        height: 80px;
        padding: 0 10px;
    }

    .my-avatar {
        margin: 0 10px;
        width: 60px;
        height: 60px;
        border-radius: 999px;
        border: solid 1px #dddddd;
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
    }

    .my-avatar > img {
        width: 100%;
        height: 100%;
    }

    .my-nickname {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .my-tab {
        border-top: solid 1px #d2bfa4;
        margin: 5px;
        text-align: center;
    }

    .my-tab-box {
        width: 25%;
        float: left;
        padding: 8px 0 4px 0;
    }

    .my-tab-title {
        font-size: 10px;
    }

    .my-tab-number {
        font-size: 12px;
        font-weight: normal;
    }

    .ui-bar {
        font-size: 14px;
        border-bottom: solid 1px #f0f0f0;
    }

    .ui-bar:last-child {
        border-bottom: none;
    }

</style>